<template>
    <div>
        <div class="list">
            <van-nav-bar
             :title="title"
             left-arrow
             @click-left="$router.go(-1)"
             >
                <template #right>
                <van-icon name="search" size="18" />
            </template>
        </van-nav-bar>
        </div>
    </div>
</template>

<script>

export default {
  props: {
    title: {
      type: String,
      required: true
    }
  }
}
</script>

<style lang='scss'>
.list{
    height: 40px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    .van-icon{
        color: #000;
        font-size: 22px;
        font-weight: 8;
    }
   /deep/ .van-nav-bar__right{
        .van-icon{
        color: #000;
        font-size: 22px;
        font-weight: 8;
    }
}

    }

</style>
